웹 글꼴을 만들어 보았습니다.

SVG 파일은 텍스트이므로 메모장에서 직접 쓸 수도 있고 도구를 사용해도 좋다. 이번에는 JavaScript로 만들어 보았다. (Chrome Only) 출력한 SVG 파일을 기초로 0.svg~9.svg를 메모장으로 만든다. 1.svg 4.svg 을 사용하여 SVG 파일을 WOFF로 변환합니다. 오른쪽 상단의 "IcoMoon App"을 클릭하십시오. 왼쪽 상단의 "Import Icons"를 클...

웹 글꼴SVG

글꼴 이름에 대해 N, Pro, Std, Pr6 또는 UD

일을 하고 있을 때에 아무렇지도 않게, 도입하고 있던 폰트입니다만 뒤에 붙어 있는 N라든지 Pro라든지 UD라든지 어쩐지~라고 생각하면서, 어쩐지 밖에 생각하고 있지 않았으므로 재차 조사해 보았습니다. 비망록입니다만 누군가의 도움이 되면 기쁩니다! 유니버설 디자인이라 불리는 유니버설 디자인의 관점 「더 많은 사람이 가능한 한 쾌적하게 이용할 수 있도록 배려된 디자인」을 바탕으로, 「모두가 보...

웹 글꼴디자인HTML글꼴CSS

[Ionic] 커스텀 폰트(독자 폰트) 사용

Ionic에서 커스텀 폰트를 사용할 때는 CSS로 을 지정하면 됩니다. 이번에 사용하는 커스텀 폰트는 AA를 표시하기 위한 폰트(aahub 폰트)입니다. app.scss에 을 작성하십시오. 그렇게 하면, 커스텀 폰트를 font-family로 지정할 수 있게 됩니다. 소스 코드는 이하. src/app/app.scss src/pages/custom-font/custom-font.scss ※aah...

웹 글꼴Shift_JISArtAsciiArtionic아스키 아트

웹 글꼴을 사용할 때 bold를 읽을 때 font-weight 다음에 처리합니다

인터넷 글꼴도 무료여서 쉽게 사용할 수 있는 환경이다.그중에 구글 Fonts를 사용하는 사람도 많죠.저도 자주 씁니다. 올해는 인코딩을 했지만 디자인에 비해 bold의 굵기가 다르기 때문에 웹 글꼴을 사용할 때의 주의점 중 하나를 남기고 싶습니다. 다음은 Google Fonts의 M PLUS 1p 구상을 이용한 예를 열거하여 설명한다.(캡처는 Mac의 Chrome78.0.3904.108(Of...

웹 글꼴CSS